<template>
    <el-tabs v-model="activeName" class="tabs">
        <el-tab-pane name="p1" label="发电量统计" class="tab">
            <img1 />
        </el-tab-pane>
        <el-tab-pane name="p2" label="发电功率统计" class="tab">
            <img2 />
        </el-tab-pane>
        <el-tab-pane name="p3" label="等效时数统计" class="tab">
            <img3 />
        </el-tab-pane>
        <!-- <el-tab-pane name="p4" label="监控自用电量" class="tab">
            
        </el-tab-pane> -->
    </el-tabs>
</template>

<script setup>
    import { reactive, getCurrentInstance, ref, toRefs, provide, computed } from 'vue'
    import img1 from './powerstation_1.vue'
    import img2 from './powerstation_2.vue'
    import img3 from './powerstation_3.vue'
    let { proxy } = getCurrentInstance()

    const activeName = ref('p1')

</script>

<style scoped>
    .tabs { display: flex; flex-direction: column; }
    .tab { height: 100%; }
    .search_select { margin-left: 10px; width:100px!important; }
    .search_key { width:160px!important; }
    #tb ul li.li2 { width: 100px; }
    #tb ul li.li3 { width: 45px; }
    #tb ul li.li4 { width: 45px; }
</style>